@import "../font/font-awesome/css/font-awesome.min.css";

*{
    margin:0px;
    padding:0px;
}

h1,h2,h3,h4,h5,h6{
    margin:0px;
    padding:0px;
    line-height:22px;
}

p{
    margin:0px;
}

input {
    font-size:12px;
}

body {
    font-size:14px;
}

html {
    overflow-x:hidden;
}

a {
    color:#999;
    text-decoration: none;
}

.navBox {
    width:100%;
    height:58px;
    background:#000;
    color:#fff;
}

.navContent {
    width:1100px;
    height:100%;
    margin:0px auto;
}

.navLogoBox {
    width:36px;
    height:36px;
    float:left;
    text-align:center;
    line-height:40px;
    margin:11px;
}

.navLogoBox img {
    width:100%;
    height:100%;
    margin-top:-5px;
}

.navLogoText {
    width:auto;
    height:40px;
    float:left;
    margin-top:9px;
    line-height:40px;
}

.navMenuBox {
    width:720px;
    height:100%;
    float:right;
}

.navMenuBox .navMenuItem {
    width:auto;
    height:58px;
    line-height:58px;
    float:left;
    position: relative;
    padding-left:16px;
    padding-right:16px;
}

.navMenuBox a{
    color:#fff;
}

.navMenuBox .navMenuItem:hover {
    background:#333;
    cursor:pointer;
}

.navMenuBox .navMenuItem.selected {
    background:#333;
}

.loginBox {
    width:150px;
    height:58px;
    float:right;
}

.loginBox .loginItem {
    width:70%;
    height:58px;
    float:right;
    text-align: center;
    line-height:58px;
}


.bannerBox {
    width:100%;
    height:356px;
    overflow: hidden;
    background:#eee;
    margin-top:-2px;
    position:relative;
}

.bannerBox .bannerItem {
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: cover;
}



.footerBox {
    width:100%;
    height:60px;
    border-bottom:1px solid #999;
    background:#333;
    float:left;
    margin-top:30px;
    
}

.footerBox a{
    color:#eee;
}

.footerMain {
    width:1100px;
    height:40px;
    margin:0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footerItem {
    width:10%;
    height:40px;
    margin-top:10px;
    text-align: center;
    line-height:40px;
    color:#fff;
}

.footerItem:hover {
    color:#ccc;
    cursor:pointer;
}

.copyBox {
    width:100%;
    height:30px;
    background:#666;
    line-height:30px;
    color:#fff;
    text-align:center;
    font-size:12px;
    float:left;
}

.globalTitleBox {
    width:100%;
    height:50px;
    margin-top:30px;
    margin-bottom:10px;
}

.globalTitleIcon {
    width:30px;
    height:30px;
    float:left;
    margin:10px;
}


.globalTitleIcon img {
    width:100%;
    margin-left:-12px;
}

.globalTitle {
    float:left;
    width:auto;
    height:50px;
    margin-left:-15px;
    line-height:50px;
    font-size:22px;
}

code{
    border-radius:5px;
}

/*header头部分多级菜单样式*/
.developerCenterMenu {
    border:5px solid #eee;
    display:none;
    width:300px;
    height:330px;
    background:#eee;
    position: absolute;
    left:0px;
    top:58px;
    z-index:99;
}

.developerCenterMenuTitle {
    width:100%;
    height:40px;
    background:#fff;
    float:left;
    color:#666;
    line-height:40px;
}

.developerCenterMenuTitle i {
    margin-left:15px;
    margin-right:10px;
}

.developerCenterMenuItem {
    width:100%;
    height:40px;
}

.developerCenterMenuContent {
    width:50%;
    height:40px;
    font-size:12px;
    line-height:40px;
    float:left;
    position:relative;
    color:#333;
}

.developerCenterMenuContent:hover {
    color:orange;
}

.developerCenterMenuContent i {
    margin-left:15px;
    margin-right:5px;
    font-size:12px;
    position: relative;
    top:-1px;
    color:#999;
}

.optimizationingBox {
    width: auto;
    height:18px;
    text-align: center;
    line-height:18px;
    background-color:rgba(255,0,0,0.9);
    position:absolute;
    top:-3px;
    right:10px;
    padding-left:5px;
    padding-right:5px;
    color:#fff;
    border-radius:10px;
}

/*弹出视频公共样式*/

.popVideoPlayBox {
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
    display:none;
    z-index:9999;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.5);
}

.popVideoPlayBox .popVideoPlayContent {
    width:760px;
    height:475px;
    background:#fff;
    position: absolute;
    left:50%;
    top:50%;
    margin-top:-250px;
    border-radius:5px;
    margin-left:-380px;
}

.popVideoPlayBox .popVideoPlayClose {
    width:50px;
    height:50px;
    position: absolute;
    left:50%;
     bottom:8%;
     background:#fff;
     border:1px solid #ccc;
     text-align: center;
     line-height:50px;
     border-radius:25px;
     cursor:pointer;
}

.popVideoPlayBox .popVideoPlayClose i {
    font-size:24px;
}

.popVideoPlayBox .popVideoPlayClose:hover {
    background:#666;
    color:#fff;
}

/*登录相关处理*/
.yesLoginItemBox {
    width:100%;
    height:60px;
}

.yesLoginItemBox  a {
    text-decoration: underline;
}

.yesLoginHeader {
    width:40px;
    height:40px;
    border-radius:50%;
    margin:10px;
    background:#ccc;
    float:left;
}

.yesLoginHeader img {
    width:100%;
    height:100%;
    border-radius:50%;
}

.yesLoginNickname{
    float:left;
    width:60px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height:60px;
    font-size:14px;
    text-align: center;
    margin-left:-5px;
    color:orange;
    height:60px;
}

.yesLoginout {
    width:30px;
    height:60px;
    float:right;
    line-height:60px;
    font-size:30px;
    position: relative;
    color:#999;
    top:-3px;
    left:5px;
    text-align: center;
}

.yesLoginout:hover {
    color:#fff;
}



.developIngBox {
    width:100%;
    height:80px;
    background:#fff;
    text-align:center;
    line-height:80px;
    font-size:16px;
    letter-spacing: 2px;
}

.developIngBox img {
    width:50px;
    height:50px;
    position:relative;
    top:-5px;
    margin-right:10px;

}